import axios from "axios";
import getData from "./data";
const {
    todoLists,
    todoTitle,
    tabList,
    gettolist
} = getData();

export default function toDoFunc(todoLists, todoTitle) {
    const getId = () => {
        return Date.now() + Math.random().toString(16).substr(2, 4);
    }
    const addTodo = () => {
        //debugger

        let result = todoTitle.value.trim()
        if (!result) {
            return
        }
        let value = {
            id: getId(),
            completed: false,
            title: result
        }
        todoTitle.value = ''
        return value
    }


    let originTodo = null;
    const editorTodo = (todo) => {
        originTodo = todo.title;
    }
    const cancelEditor = (todo) => {
        todo.title = originTodo
    }
    const delTodo = (todo) => {

        let id = todo.id
        axios({
                method: "post",
                url: "/delone",
                data: {
                    id,
                }
            })
            .then((res) => {
                if (res.data.code == 200) {
                    location.reload()
                }

            })
            .catch((err) => {
                console.log(err);
            });
    }

    const delAll = () => {
        todoLists.value.length = 0
        //console.log(todoLists)
        axios({
                method: "post",
                url: "/delAll",
            })
            .then((res) => {
                console.log(res)
            })
            .catch((err) => {
                console.log(err);
            });

    }

    return {
        addTodo,
        editorTodo,
        cancelEditor,
        delTodo,
        delAll
    }
}